<template>
	<view>
		<swiper style="position: fixed;right: 0%;left: 0%;top: 0%;bottom: 0%;height: 100vh;" @change="change" circular autoplay indicator-dots indicator-color="#8c8f4d" indicator-active-color="#fff822">
			<swiper-item  v-for="(item,index) in lun">
				<image :src="item" style="width: 100%;height: 100vh;"></image>
			</swiper-item>
		</swiper>
		<view class="" style="color: #007AFF;" v-if="tt"> 
			<navigator url="duankou/duankou">
				<view class="u-font-20"style="position: absolute;z-index: 99;;top: 10%;right: 15%;">
					设置端口号
				</view>
			</navigator>
			<view @click="dianji" class="u-font-40 u-text-center" style="position: absolute;z-index: 99;right: 0%;bottom: 10%;left: 0%;">
				立即体验
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lun:[
					'../../../static/lun/1.jpg',
					'../../../static/lun/2.jpg',
					'../../../static/lun/3.jpg',
					
				],
				tt :false,
			}
		},
		onLoad() {
			
		},
		methods: {
			change(e){
				this.tt = e.detail.current == 2?true:false
			},
				dianji(){
					let serIP = uni.getStorageSync('serIP')
					if(serIP.length == 0){
						uni.showToast({
							title:'请设置端口号',
							icon:'none'
						})
						return
					}
					uni.navigateTo({
						url:'../login/login'
					})
				}
		}
	}
</script>

<style>

</style>
